<template>
	<view class="invite-box">
		<view class="invite-top">
			<uv-text text="收车 找车 卖车" :size="24" color="#ff3600" bold align="center" margin="0 0 10px 0"></uv-text>
			<uv-text type="info" text="-车商必备利器-" size="16" align="center"></uv-text>
			<view class="invite-top_button">
				<uv-button type="primary" open-type="share" shape="circle" text="邀请好友"></uv-button>
			</view>
		</view>
		<view class="invite-content">
			<uv-text text="邀请记录" :size="16" align="center" margin="0 0 10px 0"></uv-text>
			<uv-load-more status=""></uv-load-more>
		</view>

	</view>
</template>

<script>
	import { mapState } from 'vuex'
	export default {
		data() {
			return {
			status:'loading ',
			list:[]
			};
		},
		computed: {
			...mapState({
				userInfo: state => state.user.userInfo
			})
		},
		onLoad() {

		},
		onShareAppMessage() {
			var path = '/pages/auth/login?inviteCode=' + this.userInfo.invitecode; 
			return {
				title: '瑕疵车，二手车', 
				path: path,
				success: res => {},
				fail: res => {}
			};
		},
		methods: {
			fetchData() {

			}
		}
	}
</script>
<style>
	page{
		height: 100%;
	}
</style>
<style lang="scss" scoped>
	.invite-box {
		background-color: #3c9cff;
		padding: 20upx;
		height: 100%;

		.invite-top {
			border-radius: 20upx;
			background-color: #fff;
			padding: 80upx 80upx 40upx 80upx ;
			&_button{
				margin-top: 40upx;
			}

		}
		.invite-content{
			margin-top: 20upx;
			border-radius: 20upx;
			background-color: #fff;
			padding: 40upx ;
		}
	}
</style>